
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

*{ padding:0px; margin:0px;}

.section {text-align: center; font:"Microsoft Yahei"; color: #fff; display: block;overflow: hidden;}
.section .textWrapper{position:relative; opacity:0;z-index:2;font-size:14px;color:#fff;padding:0 25px;
-webkit-transition:all 1s .4s ease-out;
-o-transition:all 1s .4s ease-out;
transition:all 1s .4s ease-out;
}
.section .textWrapper p {margin:.75em 0;}
.section .textWrapper h2{font-size:1.5em;color:#fff;font-weight:400;}


.section .imgWrapper {position:absolute;opacity:0;overflow:hidden;
-webkit-transition:all .6s .4s ease-out;
-o-transition:all .6s .4s ease-out;
transition:all .6s .4s ease-out;}

.section1{background:url(../images/logo300.jpg) scroll no-repeat center 70%; background-size:100%,auto;}
.section5{background:url(../images/index_img.jpg) scroll no-repeat right bottom; background-size:70%,auto;}
.section2 .textWrapper,.section3 .textWrapper,.section4 .textWrapper{position:relative;z-index:1;margin-top:40px;}
.section2 .imgWrapper,.section3 .imgWrapper,.section4 .imgWrapper{position:absolute;width:100%; height:65%;right:0;bottom:0px;}

.section2 .imgWrapper {-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0); background:url(../images/222222.jpg) scroll no-repeat center top; background-size:80%,auto;}



.section3 .imgWrapper {background:url(../images/33333.jpg) scroll no-repeat center top; background-size:80%,auto;
-webkit-transform:translate(-30%,0);
-ms-transform:translate(-30%,0);
-o-transform:translate(-30%,0);
transform:translate(-30%,0);}


.section4 .imgWrapper,.lest_ad{background:url(../images/44444.jpg) scroll no-repeat center top; background-size:80%,auto;
-webkit-transform:translate(0,100%);
-ms-transform:translate(0,100%);
-o-transform:translate(0,100%);
transform:translate(0,100%);
}

.index_text{ width:90%; margin:0 auto; text-align:left; position:relative; z-index:11;}
.index_logo{ width:25%; text-align:center; padding:10px 0; margin:20px 0 0 20px;}
.index_logo img{ width:70%;}
.index_bg{ height:50%; position:absolute; bottom:0px; right:0px; z-index:10; }
.index_bg img{ height:100%;}
.index_text img{ width:80%;}
.section1.active .index_bg{ animation-name:indexUp; -webkit-animation-name:indexUp; }
.section5.active .gongneng div,.section6.active .Hr_div {animation: 1s ease 0.1s normal both 1 running bounceInUp; -webkit-animation: 1s ease 0.1s normal both 1 running bounceInUp;}

.last_ad{ overflow:hidden;  bottom: 0;height:30%; position: absolute; right: 0; bottom:20px; width: 100%; opacity:0px;}
.header_bg{/* background:url(../img/banner1.jpg) scroll no-repeat top center; background-size:cover;*/ background-color:#024282;}

.mod_float_pc{ color:#FFF; font-size:12px; line-height:16px;}
.mod-float-dlmyapp {background:rgba(152,8,4,0.7);height:70px; position:relative;padding-right: 88px;}
.mod-float{ float:left;}
.mod-float-dlmyapp .img1{float: left; height:50px; margin:10px 15px 0 8px;width:50px;}
.mod-float-dlmyapp h3 {color:#fff; font-size: 15px;font-weight: normal;line-height:18px;margin-top:12px; text-align:left;}
.mod-float-dlmyapp p.mod-float-p{color: #fff;font-size: 12px;line-height: 14px; text-align:left;}
.mod-float-dlmyapp p.mod-float-p img{ width:10px; display:inline-block; margin-right:5px;}
.mod-float-dlmyapp .weiqia_download{position: absolute;right:15px;top:22px; background: none repeat scroll 0 0 #2FB0FF; border: 1px solid #2FB0FF;color: #FFFFFF;border-radius:3px; display: block; font-size: 12px;height: 26px; line-height: 24px;min-width: 50px;text-align: center;}



.section.active .imgWrapper,.section.active .textWrapper,.section.active .last_ad{opacity:1;}
.section3.active .imgWrapper,.section2.active .imgWrapper,.section4.active .imgWrapper{
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.section .imgWrapper img {width:80%;}

.gongneng div{ text-align:center; color:#FFF; font-size:1em; width:33%; height:20px; padding-top:80px; float:left; position:relative;}
.gongneng div p{ font-size:1em;}
.gongneng div.icon_1{ background:url(../images/icon_01.png) no-repeat scroll center center;  background-size:41px 34px; }
.gongneng div.icon_2{ background:url(../images/icon_02.png) no-repeat scroll center center;  background-size:41px 34px; }
.gongneng div.icon_3{ background:url(../images/icon_03.png) no-repeat scroll center center;  background-size:41px 34px; }
.gongneng div.icon_4{ background:url(../images/icon_04.png) no-repeat scroll center center;  background-size:41px 34px; }
.gongneng div.icon_5{ background:url(../images/icon_05.png) no-repeat scroll center center;  background-size:41px 34px; }
.gongneng div.icon_6{ background:url(../images/icon_06.png) no-repeat scroll center center;  background-size:41px 34px; }

.Hr_div{ padding:10px 0 0;}
.Hr_div .div{ width:80%; margin:0 auto 10px;  padding:10px; text-align:left; font-size:0.8em;}
.Hr_div .div img{ float:left; display:inline; margin-right:10px;}
.Hr_div .div span{ padding-top:5px; display:block;}
.Hr_div .time_p{ font-size:14px; padding-top:30px;}
.btn_Hr {
    background: none repeat scroll 0 0 #fdf792;
    border-bottom: 3px solid #d0a953;
    border-radius: 4px;
    color: #704e03;
    display: block; position:relative;
    font-size: 16px;
    font-weight: bold;
    height: 41px;
    line-height: 44px;
    margin: 15px auto 0;
    text-align: center;
    width:80%;
}
#scrollTips{
    bottom: 10px;
    height: 14px;
    left: 50%;
    margin-left: -7px; position:absolute;
    width: 24px;
    z-index: 150;
}
#scrollTips img {
    animation: 1.5s ease-in-out 0s normal none infinite running start;
	-webkit-animation: 1.5s ease-in-out 0s normal none infinite running start;
	-moz-animation: 1.5s ease-in-out 0s normal none infinite running start;
	-o-animation: 1.5s ease-in-out 0s normal none infinite running start;
	-ms-animation: 1.5s ease-in-out 0s normal none infinite running start;
    background-position: 0 -82px;
    height: 14px;
    left: 50%;
    margin: -7px 0 0 -14px;
    position: absolute;
    top: 50%;
    width: 24px;
}
.fan_btn{
	 background:url(../images/qiandao_btn.png) no-repeat scroll 0 0; background-size:cover;
    height:60px;
    position: absolute;
    right:10%; z-index:1000;
    bottom:10px;
    width:60px;
    -webkit-animation:heartBeating 2s infinite linear;;
	-moz-animation:heartBeating 2s infinite linear;;
	-ms-animation:heartBeating 2s infinite linear;;
	-o-animation:heartBeating 2s infinite linear;;
	animation:heartBeating 2s 1s infinite linear;;
}
@keyframes start {
0%, 30% {
    opacity: 0;
    transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-moz-transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	-o-transform: translate(0px, 10px);
}
60% {
    opacity: 1;
    transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
}
100% {
    opacity: 0;
    transform: translate(0px, -8px);
	-webkit-transform: translate(0px, -8px);
	-moz-transform: translate(0px, -8px);
	-o-transform: translate(0px, -8px);
}
}

@-webkit-keyframes start {
0%, 30% {
    opacity: 0;
    transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-moz-transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	-o-transform: translate(0px, 10px);
}
60% {
    opacity: 1;
    transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
}
100% {
    opacity: 0;
    transform: translate(0px, -8px);
	-webkit-transform: translate(0px, -8px);
	-moz-transform: translate(0px, -8px);
	-o-transform: translate(0px, -8px);
}
}

@-webkit-keyframes heartBeating {
  0% {
	  opacity:0.5;
    -webkit-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    transform: scale(.9, .9);
  }
  50% {
    opacity:1;
    -webkit-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
   100% {
	  opacity:0.5;
    -webkit-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    transform: scale(.9, .9);
  }
  
  
}
@keyframes heartBeating {
 0% {
	  opacity:0.5;
    -webkit-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    transform: scale(.9, .9);
  }

  50% {
    opacity:1;
    -webkit-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
   100% {
	  opacity:0.5;
    -webkit-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    transform: scale(.9, .9);
  }
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
